<?php

/* @var $this yii\web\View */
/* @var $form yii\bootstrap\ActiveForm */

/* @var $model app\models\LoginForm */

use app\assets\AppAsset;

AppAsset::addCss($this, '@web/css/page/reg-login.css');

?>
    <div id="app" v-on:keyup.enter="login">
        <div class="login-wrap">

            <div class="s-nav">
                <el-row>
                    <el-col :span="24">
                        <div class="logo">
                            <a href="/" class="logo__img"><?=Yii::$app->id?></a>
                        </div>
                    </el-col>
                </el-row>
            </div>

            <div class="title-nav">
                <el-row>
                    <el-col :span="24">
                        <h1 class="login-title">欢迎登陆</h1>
                    </el-col>
                </el-row>
            </div>

            <div class="ms-reg-login">
                <!-- <div class="ms-title">后台管理系统</div> -->
                <el-form :model="loginData" class="el-form ms-content" :rules="rules" ref="loginForm">
                    <el-form-item class="el-form-item is-required el-form-item--small" prop="userName">
                        <div class="el-form-item__content" style="margin-left: 0px;">

                            <el-input placeholder="请输入账号" tabindex="1" v-model="loginData.userName"
                                      size="small">
                            </el-input>
                        </div>
                    </el-form-item>
                    <el-form-item class="el-form-item is-required el-form-item--small" prop="passWord">
                        <div class="el-form-item__content" style="margin-left: 0px;">

                            <el-input placeholder="请输入密码" tabindex="2" v-model="loginData.passWord"
                                      type="password" size="small">
                            </el-input>
                        </div>
                    </el-form-item>
                    <el-form-item class="re-login-btn">
                        <el-button @click.native="login" :loading="submitLoading" type="primary" size="medium">
                            登录
                        </el-button>
                    </el-form-item>

                    <el-form-item class="sign__tip" style="display: none;">
                        <span>没有账号?</span>
                        <a href="/register.html" class="sign__link sign__link--attention">立即注册 </a>
<!--                        <a href="/view/forget.jsp" class="sign__link"> 忘记密码?</a>-->
                    </el-form-item>
                </el-form>
            </div>
        </div>
    </div>

<?= \app\assets\AppAsset::addScript($this, "@web/js/page/login.js"); ?>
<?= $this->registerJs('
        var app = new login();
    ');
?>
